@import "~assets/styles/_bootstrap";

.selectCats {
	z-index: 999;
	position: fixed;
	top: 0;
	left: 100%;
	width: 100%;
	height: 100%;
	background: #fff;
	transition: left .2s;

	&.show {
		left: 0;
	}

	.add {
		z-index: 2;
		padding: 0 rem(15);
		height: rem(55px);
		font-size: $fontM;
		line-height: rem(55px);
		border-bottom: $lineCol 1px solid;
		background: #fff;

		> a {
			color: #7087c6;
		}
	}

	.catlist {
		// height: rem(507px);
		// overflow-y: scroll; 
		border-bottom: $lineCol 1px solid;

		.swiper-wrapper {
			height: auto!important;
		}

		li {
			overflow: hidden;
			height: rem(55px);
			line-height: rem(55px);

			&:last-child ol {
				border-bottom: none;
			}

			&.active {

				.check span {
					background: $mainCol;

					i {
						display: block!important;

						&:before {
							color: #fff!important;
						}
					}
				}
			}

			> .check {
				float: left;
				width: rem(50px);

				> span {
					margin: 17px auto 0;
					display: block;
					width: rem(20px);
					height: rem(20px);
					background: #eee;
					border-radius: rem(10px);

					> i {
						position: absolute;
						top: 0;
						left: 0;
						display: none;
						width: 100%;
						height: 100%;
						line-height: rem(20px);
						font-size: rem(18px);
						text-align: center;
					}
				}
			}

			> ol {
				overflow: hidden;
				margin-left: rem(50px);
				height: rem(54px);
				line-height: rem(54px);
				border-bottom: $lineCol 1px solid;

				> label {
					float: left;
					font-size: $fontL;
				}

				> .links{
					overflow: hidden;
					float: right;
					color: $grayLight;

					> a {
						display: block;
						float: left;
						margin-right: rem(15px);
						font-size: $fontS;
					}
				}
			}
		}
	}
}

.popEdit {
	z-index: 99;
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;

	&.show {
		display: block;
	}

	> .mask {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: $blk;
		opacity: .2;
	}

	> .main {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: rem(-78px);
		margin-left: rem(-113px);
		padding: rem(42px) 0;
		width: rem(226px);
		height: rem(156px);
		background: #fff;
		border: $lineCol 1px solid;
		border-radius: rem(5px);
		box-shadow: 0 0 5px #aaa;

		> .quit {
			position: absolute;
			top: rem(10px);
			right: rem(10px);
			font-size: rem(20px);
		}

		> .txt {
			display: block;
			margin: 0 auto 20px;
			padding: 0 rem(8px);
			width: rem(178px);
			height: rem(30px);
			line-height: rem(28px);
			border: #ccc 1px solid;
			border-radius: rem(4px);
		}

		> .submit {
			display: block;
			margin: 0 auto;
			width: rem(100px);
			height: rem(30px);
			line-height: rem(30px);
			text-align: center;
			border: #ccc 1px solid;
			border-radius: rem(4px);
		}
	}
	
}

.dialog_addGood {

	.head h3 {
		display: none;
	}

	.dialog-body .item:last-child {
		color: #4ec2e8;
	}
}